<html xmlns='http://www.w3.org/1999/xhtml' >
<head>
<title>timer-setter</title>
<style type='text/css'>
input, select {
	align:center;
	width : 14em;
	height : 3.2em;
	padding : 0.2em 0.4em 0.2em 0.4em;
	vertical-align : middle;
	border : 1px solid #94c1e7;
	-moz-border-radius : 0.2em;
	-webkit-border-radius : 0.2em;
	border-radius : 0.2em;
/*	-webkit-appearance : none;
	-moz-appearance : none;
	appearance : none; 
		*/
	background : #ffffff;
	font-family : SimHei;
	font-size : 1.1em;
	color : RGBA(102, 102, 102, 0.7);
	cursor : pointer;

}
button {
	width:100%;
	border: 2px solid #94c1e7;
	background-color: #94c1e7;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
table {
	width:80%;
}
body {
	text-align:center
}
.div {
	margin:0 auto;
	width:80%;
}
.ltd {
	text-align:right;
}
</style>
</head>
<script charset='utf-8' language="javascript" type="text/javascript">
        
        
function setter(){ 
/*
	var run_unitselect=document.getElementById('run_unit');
 	var run_unitidnex=run_unitselect.selectedIndex ;
 	var run_unit=run_unitselect.options[run_unitidnex].value;
 	var sleep_unit_select=document.getElementById('sleep_unit');
 	var sleep_unit_idnex=sleep_unit_select.selectedIndex ;
 	var sleep_unit=sleep_unit_select.options[sleep_unit_idnex].value;
		*/
		
		
		var regUseMin = /^0?[1-9]$|^[1-5][0-9]$|^60$/;	
		
		var regUseHour = /^0?[1-9]$|^1[0-9]$|^2[0-4]$/;	
		
		var regNum = /^[1-9][0-9]*$/;	
		
		
		// 当前时间
	var regHour = /^[01]?[0-9]$|^2[0-3]$/;	
	var cur_h=document.getElementById('cur_h').value; 
	if(regHour.test(cur_h) == false ) {
		alert("当前时间格式错误 \n 小时 ： 取值范围 0-23");
		return;
	}
	
	
	// 当前分钟
	var regMin = /^[0-5]?[0-9]$/;	
	var cur_m=document.getElementById('cur_m').value;
	if(regMin.test(cur_m) == false  ) {
		alert("当前时间格式错误 \n 分钟: 取值范围 0-59");
		return;
	}

	
 
	
 
	var c_n;
	var c_n=document.getElementById('cycle_num').value;
	console.log(c_n)
	if(regNum.test(c_n) == false ) {
		alert("运行周期必须是整数");
		return;
	}
	if(parseInt(c_n)>1440)
	{
		alert("周期过长 应小于一天 1440 分钟");
		return;
	}
	
	var w_m_n=document.getElementById('wait_min_num').value;
	if(regMin.test(w_m_n) == false  ) {
		alert("等待运行时间点错误 : \n 范围 0-59");
		return;
	}
	
    var r_m_n=document.getElementById('run_min_num').value;
	if(regUseMin.test(r_m_n) == false  ) {
		alert("运行时长错误 : \n 范围 1-60");
		return;
	}

	if(parseInt(r_m_n)>parseInt(c_n))
	{
		alert("错误：\n运行时长不能大于运行周期时间范围");
		return;
	}
	
	var b_h_n=document.getElementById('begin_hour_num').value;
	if(regHour.test(b_h_n) == false  ) {
		alert("起始时间错误 : \n 范围 0-23");
		return;
	}
	
	var e_h_n=document.getElementById('end_hour_num').value;
	if(regHour.test(e_h_n) == false  ) {
		alert("结束时间错误 : \n 范围 0-23");
		return;
	}
	
var int_bhn=	parseInt(b_h_n);
var int_ehn=	parseInt(e_h_n);

	if(int_bhn > int_ehn) {
		alert("错误 ：\n开始时间不能停止结束时间");
		return;
	}
	
	if( (int_ehn -int_bhn)> 0 && ( (int_ehn -int_bhn)*60 )<parseInt(c_n)){
		alert("运行周期时间大于了运行时间范围【停止时间-起始时间】");
		return;
	}
	
	
	 
	
 	var d = new FormData(); 
	//d.append('ru' , run_unit);
	//d.append('su' , sleep_unit);
	d.append('ch' , cur_h);
	d.append('cm' , cur_m);
	d.append('cn' , c_n);
	d.append('wmn' , w_m_n);
	d.append('rmn' , r_m_n);
	d.append('bhn' , b_h_n);
	d.append('ehn' , e_h_n);
	
	var xmlHttp  = new XMLHttpRequest(); 
	xmlHttp.open('post','/ts'); 
	xmlHttp.send(d) ; 
	xmlHttp.onreadystatechange = function() 
	{ 
		if (xmlHttp.readyState == 4 && 	xmlHttp.status == 200) 
		{
			var d = xmlHttp.responseText;
	 		alert(d);
			window.close();
		}
	}
	 
}

function toInt(obj){
	obj.value= parseInt( obj.value);
	}
	</script>
<body>
 
<div id='sids_result'  >
  <table align='center'>
  <tr>
      <td  style= 'width:15%'><label>&#x5F53;&#x524D;&#x65F6;&#x95F4;</label></td>
        <td><input id='cur_h' style= 'width:20%' value =0  onBlur="toInt(this)"  /><label> &#x65F6; </label>
        &nbsp;
		<input id='cur_m' style= 'width:20%' value =0 onBlur="toInt(this)" /><label>&#x5206; </label>
        </td>
    </tr>
    <tr>
      <td  style= 'width:15%'><label>&#x8FD0;&#x884C;&#x5468;&#x671F; </label></td>
        <td><input id='cycle_num' style= 'width:20%'  value =60 onBlur="toInt(this)" />
         <label>&#x5206;&#x949F;</label> </td>
    </tr>
  <tr>
   
    <tr>
      <td  style= 'width:15%'><label>&#x7B49;&#x5F85;&#x8FD0;&#x884C;&#x65F6;&#x95F4;</label></td>
        <td><input id='wait_min_num' style= 'width:30%' value =0 onBlur="toInt(this)" /> &nbsp; &#x5206;</td>
    </tr>
   <td  style= 'width:15%'><label>&#x8FD0;&#x884C;&#x65F6;&#x957F;</label></td>
        <td><input id='run_min_num' style= 'width:30%' value=5 onBlur="toInt(this)" /> &nbsp; &#x5206;</td>
    </tr>
 <td  style= 'width:15%'><label>&#x8D77;&#x59CB;&#x65F6;&#x95F4;&#x70B9;</label></td>
        <td><input id='begin_hour_num' style= 'width:30%' value=8 onBlur="toInt(this)" />&nbsp; &#x65F6;</td>
    </tr>
    <tr>
      <td  style= 'width:15%'><label>&#x505C;&#x6B62;&#x65F6;&#x95F4;&#x70B9;</label></td>
        <td><input id='end_hour_num' style= 'width:30%' value =19 onBlur="toInt(this)" />&nbsp; &#x65F6;</td>
    </tr>
  
    <tr>
      <td colspan='3'><button  type='button' onclick ='setter()'>&#x8BBE;&#x7F6E;</button></td>
    </tr>
  </table>

</div>
 
</body>
</html>
